<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="/Public/assets/layui/css/layui.css">
    <title>404</title>

    <style>
        h1 .layui-icon {
            font-size: 100px;
            color: #5FB878;
        }
        
        p {
            font-size: 40px;
            line-height: 60px;
        }
        
        .success {
            color: #5FB878;
        }
        
        .error {
            color: #FF5722;
        }
        
        .jump {
            font-size: 16px;
            color: #999;
        }
        
        #href {
            color: #1E9FFF
        }
    </style>
</head>

<body>
    <div style="padding: 50px 0; height: 600px; text-align: center;">
        <div class="system-message">
            <?php if(isset($message)) {?>
            <h1><i class="layui-icon"></i></h1>
            <p class="success">
                <?php echo($message); ?>
            </p>
            <?php }else{?>
            <h1><i class="layui-icon">ဇ</i></h1>
            <p class="error">
                <?php echo($error); ?>
            </p>
            <?php }?>
            <p class="detail"></p>
            <p class="jump">
                页面自动 <a id="href" href="<?php echo($jumpUrl); ?>">跳转</a> 等待时间： <b id="wait"><?php echo($waitSecond); ?></b>
            </p>
        </div>

    </div>
    <script type="text/javascript">
        (function() {

            var wait = document.getElementById('wait'),
                href = document.getElementById('href').href;
            var interval = setInterval(function() {
                var time = --wait.innerHTML;
                if (time <= 0) {
                    location.href = href;
                    clearInterval(interval);
                };
            }, 1000);

        })();
    </script>
</body>

</html>